<!-- <style> -->
<!-- .nav ul { -->
<!--     background: #565656; -->
<!--     border-bottom: 1px solid #000; -->
<!--     list-style: none; -->
<!--     margin: 0; -->
<!--     width: 115px; -->
<!--     position: absolute; -->
<!--     top: -999em; -->
<!--     left: -1px; -->
<!-- } -->
<!-- </style> -->
<script type="text/javascript">
$(document).ready(function(){
    $("#nav-one li").hover(
        function(){ $("ul", this).fadeIn("fast"); }, 
        function() { } 
    );
    if (document.all) {
        $("#nav-one li").hoverClass ("sfHover");
    }
});

$.fn.hoverClass = function(c) {
    return this.each(function(){
        $(this).hover( 
            function() { $(this).addClass(c);  },
            function() { $(this).removeClass(c); }
        );
    });
};
</script>

<div class="cardwallmenu">
  <ul id="nav-one" class="nav">
    <li>      
      <a href="#item1">View</a>
      <ul>
	<li><a href="#item1.1">Export as</a></li>
	<li><a href="#item1.2">Trash</a></li>
	<li><a href="#item1.2">Archives</a></li>
	<li><a href="#item1.2">Wall as on</a></li>
	<li><a href="#item1.2">Comments</a></li>
      </ul>
    </li>
    <li>      
      <a href="#item1">Configure</a>
      <ul>
	<li><a id="stage_conf_lightbox" href="#">Stages</a></li>
	<li><a href="#item1.2">Details</a></li>
	<li><a href="#item1.2">Send to trash</a></li>
	<li><a href="#item1.2">Archive wall</a></li>
      </ul>
    </li>
  </ul>
</div>


<!--   <ul class="dropdown"> -->
<!--     <li><a href="#">View</a> -->
<!--       <ul class="sub_menu"> -->
<!-- 	<li><a href="#">Export as</a></li> -->
<!-- 	<ul> -->
<!-- 	  <li><a href="#">Pdf</a></li> -->
<!-- 	  <li><a href="#">Image</a></li> -->
<!-- 	</ul> -->
<!-- 	<li><a href="#">Send to Trash</a></li> -->
<!-- 	<li><a href="#">Archive</a></li> -->
<!-- 	<li><a href="#">Wall as on</a></li> -->
<!-- 	<li><a href="#">Comments</a></li> -->
<!--       </ul> -->
<!--     </li> -->
<!--     <li><a href="#">Configure</a> -->
<!--       <ul class="sub_menu"> -->
<!-- 	<li><a id="stage_conf_lightbox" href="#">Stages</a></li> -->
<!-- 	<li><a href="#">Details</a></li> -->
<!--       </ul> -->
<!--     </li> -->
<!--   </ul> -->
<!-- </div> -->

